{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">✅</div>
      <div>
        <h1 class="h2" style="margin:0">Booking submitted</h1>
        <p class="p" style="margin-top:6px">
          Thanks — our team will review your request and contact you shortly.
        </p>
      </div>
    </div>
    <div class="sep"></div>
    <div style="display:flex;gap:10px;flex-wrap:wrap">
      <a class="btn btn-accent btn-sm" href="https://wa.me/{{ SITE_WHATSAPP }}?text=Hello%20{{ SITE_NAME|urlencode }}%2C%20I%20just%20submitted%20a%20telehealth%20booking%20request." target="_blank" rel="noopener">WhatsApp</a>
      <a class="btn btn-ghost btn-sm" href="{% url 'website:home' %}">Back to home</a>
      <a class="btn btn-ghost btn-sm" href="{% url 'website:services' %}">View services</a>
    </div>
  </div>
</section>
{% endblock %}